<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<!-- 两个大括号插值表达式，相当于vue定义变量，vue会替代它为设置值 -->
		<div id="app">{{msg}}</div>
	</body>
	<script>
		/* 创建Vue对象，它有一个参数，而是一个函数，匿名函数
			Vue匿名函数里的参数对象,有多个特定参数
			el, elment缩写,要操作的页面元素
			data, 代表数据
		*/
		// var data = {		//js对象
		// 	msg: "hello vue."
		// }
		//el，挂载点，和页面上哪个元素来对应
		//data，第一个data属性，第二个data是上面定义data对象
		//new Vue对象的参数是一个js对象
		
		new Vue({
			el: "#app",
			data: {
				msg: "hello vue2."
			}
		});
	</script>
</html>